<div class="col-md-4 col-md-offset-2 main">


  <div class="form-group">
    <h3>按IP搜索</h3>
    <div class="input-group">
      <input disabled ng-model="ipp0" type="text" class="form-control" >
      <div class="input-group-addon">.</div>    
      <input disabled ng-model="ipp1" type="text" class="form-control" >
      <div class="input-group-addon">.</div>  
      <input disabled ng-model="ipp2" type="text" class="form-control" >
      <div class="input-group-addon">.</div>  
      <input ng-model="ipp3" type="text" class="form-control" >                 
    </div>
  </div>

</div>

<div class="col-md-4 main">


  <table class="table table-hover">
    <thead>
      <tr>
        <th>IP</th>
        <th>端口数量</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="host in hosts|ipfilter:{f:'address',m:[ipp0,ipp1,ipp2,ipp3]}" >          
        <td><a ng-href="#/ip/{{host.address}}">{{host.address}}</a></td>
        <td>{{host.ports.length}}</td>
      </tr>
    </tbody>
  </table>
</div>

